<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link href="css/copy_common.css" rel="stylesheet" />
    <link href="css/copy_main.css" rel="stylesheet" />
    <link href="css/copy_reset.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/login.css"/>
  </head>
  <body>
    <div class="box">
     <div class="login_head ">
     	<div class="login_comwidth">
     		<div class="login_img">
     			<img src="img/logo.png"/>
     		</div>
     		<h3 class="login_title">欢迎登录</h3>
     	</div>
     </div>
     
     
     <div class="logo_box login_comwidth">
     	<form action="" method="post">
     		<ul class="logo_list">
     			<li>邮箱/用户名/已验证手机</li>
     			<li class="li_top"><input type="text" name="userid" id="userid" value="" /></li>
     			<li>密码</li>
     			<li class="li_top li_top"><input type="password" name="pwd" id="pwd" value="" /></li>
     			<li class="check_login">
     				<input type="checkbox" name="relogin" id="" value="" /><label for="relogin">自动登录</label>
     				<input type="checkbox" name="safelogin" id="" value="" /><label for="safelogin">安全控件登录</label>
     				<a href="#">忘记密码？</a>
     			</li>
     			<li class="li_top">
     				<button type="submit" class="login_btn">登录</button>
     			</li>
     			<li>使用合作网站账户登录：</li>
     			<li class="li_top">
            <a href="#">QQ</a><span>|</span>
            <a href="#">网易</a><span>|</span>
            <a href="#">奇虎360</a><span>|</span>
            <a href="#">开心</a><span>|</span>
            <a href="#">豆瓣</a><span>|</span>
            <a href="#">搜狐</a><span>|</span>
            <select name="" class="login-more">
              <option value="">更多</option>
            </select>
         </li>
     		</ul>
     	</form>
     </div>
      
      <div class="login_comwidth btn_bom clearfix">
     		<button>
     			<a href="register.html">免费注册>></a>
     		</button>
     	</div>
      


      <!--底部区-->
      <div class="footer">
        <p>
          <a href="#">慕课简介</a>
          <i>|</i>
          <a href="#">慕课公告</a>
          <i>|</i>
          <a href="#">招纳贤士</a>
          <i>|</i>
          <a href="#">联系我们</a>
          <i>|</i>
          <a href="#">客服热线：400-675-1234</a>
        </p>
        <p>
          Copyright © 2006 - 2014 慕课版权所有&nbsp;&nbsp;&nbsp;京ICP备09037834号 &nbsp;&nbsp;&nbsp;某市公安局龙潭分局备案编号：32432421231
        </p>
        <p class="web">
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
        </p>
      </div>
    </div>
  </body>
</html>